<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡片效果</title>
    <link rel="stylesheet" href="./css/style.css"/>
    <script src="js/jquery-3.6.0.js"></script>
</head>
<body>
<div class="card">
    <img src="./images/1.jpg">
    <h4>APP OF THE DAY</h4>
    <div class="content-wrapper">
        <div class="content">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor veritatis neque cumque.
                Voluptatibus debitis quia unde corrupti laudantium fuga pariatur tenetur dolorum aspernatur laborum iste
                animi, consequatur porro sequi?</p>
            <p>Suscipit, culpa molestiae alias doloribus praesentium omnis tempore impedit deserunt consequatur tempora.
                Ad id eum non officia corrupti dolores earum architecto corporis commodi delectus excepturi, laudantium
                qui, harum aut libero!</p>
            <p>Veritatis nemo deleniti, deserunt iure odit ratione molestiae labore non ipsum obcaecati aperiam officiis
                repudiandae similique architecto quas nostrum quidem enim fugiat optio alias incidunt ipsam dicta.
                Minus, perspiciatis reiciendis!</p>
            <p>Consequuntur facilis cupiditate tempore eius esse! Aut quo iste praesentium recusandae commodi placeat
                est omnis soluta fuga dolore veniam provident culpa, deleniti ullam hic dignissimos fugiat illo nemo
                veritatis ex.</p>
            <p>Ratione eos illo incidunt illum inventore consequatur eligendi, aliquam ducimus voluptatem? Voluptate
                dignissimos quasi vel eum tempore, aperiam nemo, aliquam ratione amet aspernatur nam! Fugit quaerat nemo
                aspernatur. Quia, quis.</p>
        </div>
    </div>
</div>

<div class="card">
    <img src="./images/2.jpg">
    <h4>APP OF THE DAY</h4>
    <div class="content-wrapper">
        <div class="content">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor veritatis neque cumque.
                Voluptatibus debitis quia unde corrupti laudantium fuga pariatur tenetur dolorum aspernatur laborum iste
                animi, consequatur porro sequi?</p>
            <p>Suscipit, culpa molestiae alias doloribus praesentium omnis tempore impedit deserunt consequatur tempora.
                Ad id eum non officia corrupti dolores earum architecto corporis commodi delectus excepturi, laudantium
                qui, harum aut libero!</p>
            <p>Veritatis nemo deleniti, deserunt iure odit ratione molestiae labore non ipsum obcaecati aperiam officiis
                repudiandae similique architecto quas nostrum quidem enim fugiat optio alias incidunt ipsam dicta.
                Minus, perspiciatis reiciendis!</p>
            <p>Consequuntur facilis cupiditate tempore eius esse! Aut quo iste praesentium recusandae commodi placeat
                est omnis soluta fuga dolore veniam provident culpa, deleniti ullam hic dignissimos fugiat illo nemo
                veritatis ex.</p>
            <p>Ratione eos illo incidunt illum inventore consequatur eligendi, aliquam ducimus voluptatem? Voluptate
                dignissimos quasi vel eum tempore, aperiam nemo, aliquam ratione amet aspernatur nam! Fugit quaerat nemo
                aspernatur. Quia, quis.</p>
        </div>
    </div>
</div>

<div class="card">
    <img src="./images/3.jpg">
    <h4>APP OF THE DAY</h4>
    <div class="content-wrapper">
        <div class="content">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor veritatis neque cumque.
                Voluptatibus debitis quia unde corrupti laudantium fuga pariatur tenetur dolorum aspernatur laborum iste
                animi, consequatur porro sequi?</p>
            <p>Suscipit, culpa molestiae alias doloribus praesentium omnis tempore impedit deserunt consequatur tempora.
                Ad id eum non officia corrupti dolores earum architecto corporis commodi delectus excepturi, laudantium
                qui, harum aut libero!</p>
            <p>Veritatis nemo deleniti, deserunt iure odit ratione molestiae labore non ipsum obcaecati aperiam officiis
                repudiandae similique architecto quas nostrum quidem enim fugiat optio alias incidunt ipsam dicta.
                Minus, perspiciatis reiciendis!</p>
            <p>Consequuntur facilis cupiditate tempore eius esse! Aut quo iste praesentium recusandae commodi placeat
                est omnis soluta fuga dolore veniam provident culpa, deleniti ullam hic dignissimos fugiat illo nemo
                veritatis ex.</p>
            <p>Ratione eos illo incidunt illum inventore consequatur eligendi, aliquam ducimus voluptatem? Voluptate
                dignissimos quasi vel eum tempore, aperiam nemo, aliquam ratione amet aspernatur nam! Fugit quaerat nemo
                aspernatur. Quia, quis.</p>
        </div>
    </div>
</div>

<div class="card">
    <img src="./images/4.jpg">
    <h4>APP OF THE DAY</h4>
    <div class="content-wrapper">
        <div class="content">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi dolor veritatis neque cumque.
                Voluptatibus debitis quia unde corrupti laudantium fuga pariatur tenetur dolorum aspernatur laborum iste
                animi, consequatur porro sequi?</p>
            <p>Suscipit, culpa molestiae alias doloribus praesentium omnis tempore impedit deserunt consequatur tempora.
                Ad id eum non officia corrupti dolores earum architecto corporis commodi delectus excepturi, laudantium
                qui, harum aut libero!</p>
            <p>Veritatis nemo deleniti, deserunt iure odit ratione molestiae labore non ipsum obcaecati aperiam officiis
                repudiandae similique architecto quas nostrum quidem enim fugiat optio alias incidunt ipsam dicta.
                Minus, perspiciatis reiciendis!</p>
            <p>Consequuntur facilis cupiditate tempore eius esse! Aut quo iste praesentium recusandae commodi placeat
                est omnis soluta fuga dolore veniam provident culpa, deleniti ullam hic dignissimos fugiat illo nemo
                veritatis ex.</p>
            <p>Ratione eos illo incidunt illum inventore consequatur eligendi, aliquam ducimus voluptatem? Voluptate
                dignissimos quasi vel eum tempore, aperiam nemo, aliquam ratione amet aspernatur nam! Fugit quaerat nemo
                aspernatur. Quia, quis.</p>
        </div>
    </div>
</div>
<script src="js/card.js"></script>
</body>
</html>
